<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="fileinput.js"></script>
    <link rel="stylesheet" href="fileinput.min.css" />

</head>
<body>
<a href="javascript:void(0);">点击这里</a>
<a href="javascript:;" class="active menuTab" th:data-id="@{/system/main}">首页</a>
<a href="javascript:window.alert('1111')" class="active menuTab" th:data-id="@{/system/main}">首页1</a>

<input th:id="${column.name}" th:name="${column.name}" class="form-control" type="hidden" readonly="true">
<div class="new-contentarea tc">
    <a href=" " class="upload-img">
        <img src="/img/tupiansc.png" alt="">
        <label>选择图片</label>
    </a>
    <input type="file" name="file" onchange="uploadImg(this, 'main')" accept="image/*" multiple type="hidden" style="position:absolute;left:0px">
</div>


<div class="form-group">
    <label class="col-sm-2 control-label is-required">文件上传<br/>(支持多文件):</label>
    <div class="col-sm-9">
        <div class="file-loading">">
            <input id="multipleFile" name="files" type="file" multiple>
        </div>
    </div>
</div>
<script>
    $(document).ready(function () {
        $("#multipleFile").fileinput({
            uploadUrl: '/common/uploads/'+$('#menuId').val(),
            uploadAsync: false,
            dropZoneTitle: "<i class='fa fa-cloud-upload' style='color: #2E9AFE; font-size: 30px;'></i><br/><span style='font-size: 0.8em;'>将文件拖拽到这里，或点击【选择】按钮上传</span><br/><span style='font-size: 0.6em;color: #ddd;'>最大限制100M，支持扩展名：png、jpg、jpeg、doc、docx、pdf、xlsx。</span>"
        }).on('filebatchuploadsuccess', function (event, data, previewId, index) {
            var rsp = data.response;
            if (rsp.code != 0){
                $.modal.alertWarning(rsp.msg)
            } else {
                $('#ids').val(rsp.ids)
            }
        }).on('fileremoved', function (event, id, index) {
            $("input[name='" + event.currentTarget.id + "']").val('')
        })
    });
</script>
</body>
</html>